Neko

Es increíble la cantidad de accesorios para el blog que podemos encontrar en Internet, desde un reloj, a un calendario, pasando por la fase lunar y mascotas que corretean de un lado a otro.
En http://webneko.net/ hay gatitos de todos los colores, clicando encima seguirá el puntero donde quiera que vaya y volviendo a clicar regresa a su lugar de origen.
La página genera un código para poner en la plantilla, yo probé en varios sitios y al final lo puse después de <!-- End #footer -->
Para ejemplo puse un gatito en el blog, si os fijáis está en el ángulo izquierdo superior de la pantalla, reconozco que estará solo unos días no es que sea alérgica a los gatos es que si cuelgo todos los accesorios que encuentro esto parece una feria.

Mucho se ha hablado sobre las categorías en Blogger, y muchos no las crean pensado es demasiado trabajo, gran error.
Cuando cree Gem@ BLOG tuve muy claro que necesitaba categorías, en un principio pensé en crear un blog para cada categoría, pero era muy trabajoso e innecesario (de lo primero me di cuenta antes de lo segundo) al final gracias a los enlaces permanentes de los post pude hacerlo más simplificado y así fue.
Más adelante descubrí que no había inventado nada, descubrí algo ya descubierto ( pero siempre motiva bastante ver el resultado de nuestros ´´experimentos``) alemama explica aquí como las hizo y a su vez nos enlaza con Carolina Requena y ella lo explica aquí.


Yo las hice de la siguiente manera, si deseáis seguirme adelante, vamos al tema:

Creando otro blog

En administración o escritorio de vuestro blog está la opción de crear un nuevo blog, clicamos ahí y creamos un blog en mi caso fue http://gemacategorias.blogspot.com/

(clica y verás la imágen en mayor tamaño)

Navegar de un blog a otro sin salir de Blogger

Una vez creado el segundo blog que a partir de ahora llamaremos categorías entraremos desde el panel de administración sin salir de Blogger (podemos pasar de un blog a otro clicando en ´´volver a escritorio``(ver imagen)

(clica y verás la imágen en mayor tamaño)

En el blog de categorías copiamos la plantilla que tenemos del blog principal o le hacemos algunos cambios, eso queda al gusto de cada uno( yo suprimí enlaces y algunos accesorios de Blogger que salen por defecto como las líneas)

Creamos un post con el titulo de cada categoría (ver ejemplo)

(clica y verás la imágen en mayor tamaño)

(clica y verás la imágen en mayor tamaño)

La pieza importante: El código

Una vez creamos los post con las categorías y guardado los cambios regresamos al blog principal en este caso Gem@ BLOG...(recordad que sin salir de Blogger clicando en ´´volver a escritorio`` en la plantilla buscamos donde deseamos salga el texto de las categorías :

(clica y verás la imágen en mayor tamaño)

Y añadimos más o menos este código:

<a href="http://gemacategorias.blogspot.com/2006/06/
adornos.html">Adornos</a> <a href="http://gemacategorias.blogspot.com/2006/06/
blogger.html">Blogger</a> <a href="http://gemacategorias.blogspot.com/2006/06/
cdigos-html.html">Códigos</a>

(Aquí queda partido el código, es necesario porque es demasiado largo y desplazaría la columna derecha del blog, en la plantilla no tendremos ese problema, debe ir seguida una URL de otra para que salgan los enlaces horizontales)
Saldría así:
Adornos Blogger Códigos

(Para el ejemplo puse la URL de mis categorías)

Encontrar a Don permanet link

Para conseguir la URL de cada categoría es decir el http:// lo hacemos gracias al
´´permanet link``(enlace permanente) para ello vamos al blog de categorías: clicamos en la fecha que sale a la derecha de ´´LO DIJO GEM@`` que sale bajo los post, aquí un ejemplo:

(clica y verás la imágen en mayor tamaño)

Una vez clicamos en el permanet link veremos en la barra del navegador la URL de ese post, debemos copiarla, una vez copiada vamos a la plantilla del blog principal donde pusimos el código de las categorías, añadiremos (copiaremos) la URL en el código proporcionado anteriormente.
Si copiamos por ejemplo la URL del post que habla de códigos añadiremos seguidamente
la palabra ´´códigos`` cerraremos siempre con </a> yo puse un palito para separar el texto podéis poner cualquier otro adorno como este --> * que puso alemama, o cualquier otro de vuestra cosecha.

Ya queda menos para tener categorías en Blogger, paciencia que esto solo es al principio y una vez creadas todo viene rodado...

Ya tenemos el blog de las categorías, hicimos los post en ese blog y pusimos el código en el blog principal, también sabemos como conseguir el permanet link de cada post y lo añadimos a nuestro código, nos falta enlazar, si, enlazar cada post publicado para que, al clicar en una categoría nos lleve al post donde se agrupa todo lo publicado sobre un mismo tema.

Enlace de un post con su categoría

En el blog principal (Gem@ BLOG) clicaremos en el permanet link de un post (ya sabéis, la fecha que sale después del nombre del autor del post y antes del número de los comentarios) pongamos en este caso el último post que habla de la barra de Blogger, copiaremos la URL que se ha generado en la barra de navegación(nos saldría esto:
http://gemablog-.blogspot.com/2006/07/eliminar-barra-de-blogger.html)
Clicamos en ´´volver a escritorio`` y nos vamos al blog de las categorías....
En ´´Editar entradas`` abrimos el post que tiene por nombre ´´Blogger`` escribimos un título por ejemplo ´´Eliminar barra de Blogger`` pasamos el ratón por encima de ese título... clicamos en el botón para hipervínculos (enlazar) y pegamos la dirección URL que traíamos copiada del blog principal.
Guardamos los cambios y... ¡¡ listo¡¡
Este último proceso es el único que deberemos hacer cada vez que deseamos enlazar un post
con su categoría, es algo repetitivo que aunque a simple vista parece complicado una vez realizados tres, cuatro enlaces lo haremos sin complicaciones, es sencillo.
Solo me queda recordar que, todas las direcciones URL de este post así como los títulos son únicamente para ejemplo de orientación.

Si algo no expliqué bien u omití algún detalle agradecería el comentario para subsanar el error.
¡ S@lu2 ¡ y feliz fin de semana.

La barra de Blogger tiene varias utilidades (Ver aquí)
Aunque sobre gustos no hay nada escrito y todo es respetable, si decidimos algún
día eliminarla podemos dejar a la vista el botoncito de Blogger.

Si decimos ocultarla añadiremos antes de <head>

<style type="text/css"> #navbar-iframe { height:0px; visibility:hidden; display:none } </style>

Página para crear un Picasso, bueno, todo depende de ti y de tu imaginación.
Las herramientas son fáciles de usar, da opción de poner tu obra de arte en la galería
¿Quién dice que en tu interior no hay un Picasso? Clica aquí para crear

Si lo que te gusta es pintar con acuarela y oleo entonces clica aquí

Quizás no realices una obra de arte pero el entreniminento está asegurado.
Yo colgué mi obra en la galería pero como no estoy segura que valoren mi arte traje una captura
por aquello que las cosas cuantos más años más valor tienen.

Me voy una semana de vacaciones

una semana pasa rápido
pero más rápido pasaría
si te llevara conmigo...

Hasta la vuelta.
...///...♥♥

No te Salves me sugiere que postee sobre como adoptar una mascota para el blog, escogí un pez muy simpático.
Como suelo hacer le puse nombre a mi mascota se llama Yimi.
Encontraréis la mascota que más se acerque a vuestros gustos aquí http://bunnyherolabs.com/adopt/

adopt your own virtual pet!

Trata de un sencillo código en la plantilla para saludar o mandar un mensaje al acceder al blog.
Pondremos entre <head> y </head> el siguiente código:

<script language=JavaScript>
alert("Tu mensaje aquí")
</script>

Cuando el visitante acceda a tu blog encontrará algo así:




Estas explicaciones son para la plantilla clásica.
Si tu plantilla es del nuevo Blogger puedes agregar este código en:
Plantilla/Añadir un elemento de página/HTML Javascript

He visto muchas páginas sobre graffitis, algunas sobre crear un banner tipo graffiti y de todas esta es la que más me gusta.

Aquí una muestra:

Aquí la página:

http://www.graffiticreator.net/

¿Ventana aparte? ¿En la misma página? ¿De qué manera se hace más cómodo dejar un comentario?
Blogger nos da esas dos opciones: Mostrar o no mostrar comentarios en una ventana emergente. Yo encuentro más cómoda la de expandir comentarios, y cuando la montaña no va a Mahoma, Mahoma va a la montaña.
Si probáis a dejar un comentario veréis que con un clic de expande y con otro clic en el mismo lugar se recoge lo desplegado.
Para expandir los comentarios hay que hacer lo siguiente:

Buscamos en la plantilla donde dice </head> y justo antes de ese código añadimos:

</style>

<script type="text/Javascript">

function expandcollapse (postid) {

whichpost = document.getElementById(postid);

if (whichpost.className=="postshown") {

whichpost.className="posthidden";

}

else {

whichpost.className="postshown";

}

}

</script>

Luego justamente antes de </style> añadimos lo siguiente:

.posthidden {display:none}
.postshown {display:inline}

Una vez tengamos esos cambios debería verse así:

.posthidden {display:none}
.postshown {display:inline}

</style>
<script type="text/Javascript">

function expandcollapse (postid)

whichpost = document.getElementById(postid);

if (whichpost.className=="postshown")
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
</script>
</head>

(Paciencia que ya queda poco) Ahora buscamos donde dice <a class="comment-link" href="etc. etc... y lo cambiamos por ... <a class="comment-link" href="javascript:expandcollapse(\'<$BlogItemPermalinkUrl$>\')" title="Ver Comentarios"><$BlogItemCommentCount$> comments</a>

Antes de pasar a la siguiente modificación en la plantilla eliminaremos el <MainOrArchivePage> y </MainOrArchivePage> que envuelve el código anterior.

Luego buscamos donde dice <!-- Begin #comments -->
y donde dice: <ItemPage> lo cambiamos por:
<a class="comment-link" href="javascript:expandcollapse(\'<$BlogItemPermalinkUrl$>\')" title="Ver Comentarios"><$BlogItemCommentCount$> comments</a>

¡ Bien si has llegado hasta aquí¡ Por último localizamos donde se cierra </ItemPage> de loscomentarios y lo cambiamos por </span>

Una vez tengamos todo modificado guardamos los cambios y ya tenemos el sistema Peek-a-boo de comentarios en nuestro blog.
Entiendo que es algo ´´liado`` pero vale la pena.

S@lu2 y suerte

El código demasiado extenso de un post con las explicaciones para alinear varias imágenes era el causante, una vez me di cuenta que con la antigua plantilla el blog seguía teniendo la columna desplazada no podía ser otra cosa que un post rebelde que se resistía a estar entre los demás.
El desagradecido post ha sido castigado por tenerme una semana ocupada y ya todo ha vuelto a la normalidad.
Más adelante en un pulso entre los dos veremos quien gana la partida y le sacaremos a la luz con la promesa de no ser tan desagradecido...
En fin... aquí estamos otra vez con Eduardo Capetillo de fondo y los códigos danzando cual pareja de enamorados...
Estupenda y fresquita noche para oírla con los ojos cerrados.

Powered by Castpost